<template>
  <div class="self">
<div class="portrait" >
  <img class="iconImgS" src="../img/my.jpg" width="24" height="24">
  <div class="username">
  <p class="name">林晖</p>
  <p class="weixin">微信号:18720056115</p>
  </div>
</div>


<mt-cell class="cellAlone" title="电话号码" >
</mt-cell>
<mt-cell class="cellAlone" title="QQ号" >
</mt-cell>
<mt-cell class="cellAlone" title="收藏" >
</mt-cell>
<mt-cell class="cellAlone" title="相册" >
</mt-cell>


<mt-cell class="changePic" title="更换头像">
<mt-button type="primary">点击上传</mt-button>
</mt-cell>

    
   </div>
</template>

<script>
export default {
  data () {
    return {
  
    }
  }
}
</script>

<style lang="scss" scoped>
*{
  padding:0;
  margin:0;
}
html,body{
  height:100%;
  padding:0;
  margin:0
}
body{
  background:#fafafa
}
.portrait{
  margin:45px 0 40px 0;
  padding:8px 0 8px 10px;
  background:#ffffff;
  overflow:hidden;
}
.iconImgS{
  width:60px;
  height:60px;
  border-radius:8px;
  float:left;

}
.username{
  float:left;
  font-size:13px;
  padding-left:20px
}
.username .name{padding:8px 0}
.self{
   padding-top:20px;
   background:#fafafa;
}
.cellAlone{
  border-bottom:1px solid #e8e8e8;
}
.cellAlone span{font-size:14px}
.changePic {margin-top:30px;font-size:13px}
.changePic span {font-size:13px}
.changePic button{width:80px;height:30px;font-size:14px}
</style>
